<html>
<head>
	<meta charset='utf-8' />
	<title>小区信息助手后台</title>
	<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
	<style>
		@media screen and (max-width:450px){
			#content,.nav_div{width:98%;margin:0 auto}
			/*页面宽度900以下时 .abc的宽度为450*/
		}
		@media screen and (min-width:450px){
			#content,.nav_div{width:450px;margin:0 auto}
			/*页面宽度900以下时 .abc的宽度为450*/
		}
	</style>
</head>
<body>
<div id='content' style='position:relative;border:0px solid'>
	<h1 style='text-align:center'>小区管理</h1>
	
	<div style='text-align:center;margin:20px 0;display:flex'>
		<select id="" style='flex:1'>
			<option value="">吉林省</option>
		</select>
		<select id="" style='flex:1'>
			<option value="">通化市</option>
		</select>
		<select id="" style='flex:1'>
			<option value="">柳河县</option>
		</select>
	</div>

	<div style='margin:20px 0;text-align:centers'>
		<label><input type="radio" value='1' name='area_type' /> 全部</label>
		<label><input type="radio" value='1' name='area_type' /> 待审</label>
		<label><input type="radio" value='1' name='area_type' /> 正常</label>
	</div>

	<div id='area_list'>
		<div style='display:flex;text-align:center;margin:10px'>
			<div style='flex:1;text-align:left'>
				<a style='text-decoration:none' href="after_con_msg.html">金达菜小区金达菜小区金达菜小区</a>
			</div>
			<div style='width:50px;font-size:12px;line-height:24px'>待审</div>
			<span style='text-decoration:none;color:blue'>更改状态</span>
			<span class='jump_user' style='text-decoration:none;color:blue;margin-left:10px' >成员</span>
		</div>
		<div style='display:flex;text-align:center;margin:10px'>
			<div style='flex:1;text-align:left'>
				<a style='text-decoration:none' href="after_con_msg.html">金达菜小区金达菜小区金达菜小区</a>
			</div>
			<div style='width:50px;font-size:12px;line-height:24px'>待审</div>
			<span style='text-decoration:none;color:blue'>更改状态</span>
			<span class='jump_user' style='text-decoration:none;color:blue;margin-left:10px' >成员</span>
		</div>
		<div style='display:flex;text-align:center;margin:10px'>
			<div style='flex:1;text-align:left'>
				<a style='text-decoration:none' href="after_con_msg.html">金达菜小区金达菜小区金达菜小区</a>
			</div>
			<div style='width:50px;font-size:12px;line-height:24px'>待审</div>
			<span style='text-decoration:none;color:blue'>更改状态</span>
			<span class='jump_user' style='text-decoration:none;color:blue;margin-left:10px' >成员</span>
		</div>
		<div style='display:flex;text-align:center;margin:10px'>
			<div style='flex:1;text-align:left'>
				<a style='text-decoration:none' href="after_con_msg.html">金达菜小区金达菜小区金达菜小区</a>
			</div>
			<div style='width:50px;font-size:12px;line-height:24px'>待审</div>
			<span style='text-decoration:none;color:blue'>更改状态</span>
			<span class='jump_user' style='text-decoration:none;color:blue;margin-left:10px' >成员</span>
		</div>
		<div style='display:flex;text-align:center;margin:10px'>
			<div style='flex:1;text-align:left'>
				<a style='text-decoration:none' href="after_con_msg.html">金达菜小区金达菜小区金达菜小区</a>
			</div>
			<div style='width:50px;font-size:12px;line-height:24px'>待审</div>
			<span style='text-decoration:none;color:blue'>更改状态</span>
			<span class='jump_user' style='text-decoration:none;color:blue;margin-left:10px' >成员</span>
		</div>
		<div style='display:flex;text-align:center;margin:10px'>
			<div style='flex:1;text-align:left'>
				<a style='text-decoration:none' href="after_con_msg.html">金达菜小区金达菜小区金达菜小区</a>
			</div>
			<div style='width:50px;font-size:12px;line-height:24px'>待审</div>
			<span style='text-decoration:none;color:blue'>更改状态</span>
			<span class='jump_user' style='text-decoration:none;color:blue;margin-left:10px' >成员</span>
		</div>
		<div style='display:flex;text-align:center;margin:10px'>
			<div style='flex:1;text-align:left'>
				<a style='text-decoration:none' href="after_con_msg.html">金达菜小区金达菜小区金达菜小区</a>
			</div>
			<div style='width:50px;font-size:12px;line-height:24px'>待审</div>
			<span style='text-decoration:none;color:blue'>更改状态</span>
			<span class='jump_user' style='text-decoration:none;color:blue;margin-left:10px' >成员</span>
		</div>
		<div style='display:flex;text-align:center;margin:10px'>
			<div style='flex:1;text-align:left'>
				<a style='text-decoration:none' href="after_con_msg.html">金达菜小区金达菜小区金达菜小区</a>
			</div>
			<div style='width:50px;font-size:12px;line-height:24px'>待审</div>
			<span style='text-decoration:none;color:blue'>更改状态</span>
			<span class='jump_user' style='text-decoration:none;color:blue;margin-left:10px' >成员</span>
		</div>
		<div style='display:flex;text-align:center;margin:10px'>
			<div style='flex:1;text-align:left'>
				<a style='text-decoration:none' href="after_con_msg.html">金达菜小区金达菜小区金达菜小区</a>
			</div>
			<div style='width:50px;font-size:12px;line-height:24px'>待审</div>
			<span style='text-decoration:none;color:blue'>更改状态</span>
			<span class='jump_user' style='text-decoration:none;color:blue;margin-left:10px' >成员</span>
		</div>
		<div style='display:flex;text-align:center;margin:10px'>
			<div style='flex:1;text-align:left'>
				<a style='text-decoration:none' href="after_con_msg.html">金达菜小区金达菜小区金达菜小区</a>
			</div>
			<div style='width:50px;font-size:12px;line-height:24px'>待审</div>
			<span style='text-decoration:none;color:blue'>更改状态</span>
			<span class='jump_user' style='text-decoration:none;color:blue;margin-left:10px' >成员</span>
		</div>
		<div style='display:flex;text-align:center;margin:10px'>
			<div style='flex:1;text-align:left'>
				<a style='text-decoration:none' href="after_con_msg.html">金达菜小区金达菜小区金达菜小区</a>
			</div>
			<div style='width:50px;font-size:12px;line-height:24px'>待审</div>
			<span style='text-decoration:none;color:blue'>更改状态</span>
			<span class='jump_user' style='text-decoration:none;color:blue;margin-left:10px' >成员</span>
		</div>
		<div style='display:flex;text-align:center;margin:10px'>
			<div style='flex:1;text-align:left'>
				<a style='text-decoration:none' href="after_con_msg.html">金达菜小区金达菜小区金达菜小区</a>
			</div>
			<div style='width:50px;font-size:12px;line-height:24px'>待审</div>
			<span style='text-decoration:none;color:blue'>更改状态</span>
			<span class='jump_user' style='text-decoration:none;color:blue;margin-left:10px' >成员</span>
		</div>
		<div style='display:flex;text-align:center;margin:10px'>
			<div style='flex:1;text-align:left'>
				<a style='text-decoration:none' href="after_con_msg.html">金达菜小区金达菜小区金达菜小区</a>
			</div>
			<div style='width:50px;font-size:12px;line-height:24px'>待审</div>
			<span style='text-decoration:none;color:blue'>更改状态</span>
			<span class='jump_user' style='text-decoration:none;color:blue;margin-left:10px' >成员</span>
		</div>
		<div style='display:flex;text-align:center;margin:10px'>
			<div style='flex:1;text-align:left'>
				<a style='text-decoration:none' href="after_con_msg.html">金达菜小区金达菜小区金达菜小区</a>
			</div>
			<div style='width:50px;font-size:12px;line-height:24px'>待审</div>
			<span style='text-decoration:none;color:blue'>更改状态</span>
			<span class='jump_user' style='text-decoration:none;color:blue;margin-left:10px' >成员</span>
		</div>
		<div style='display:flex;text-align:center;margin:10px'>
			<div style='flex:1;text-align:left'>
				<a style='text-decoration:none' href="after_con_msg.html">金达菜小区金达菜小区金达菜小区</a>
			</div>
			<div style='width:50px;font-size:12px;line-height:24px'>待审</div>
			<span style='text-decoration:none;color:blue'>更改状态</span>
			<span class='jump_user' style='text-decoration:none;color:blue;margin-left:10px' >成员</span>
		</div>
		<div style='display:flex;text-align:center;margin:10px'>
			<div style='flex:1;text-align:left'>
				<a style='text-decoration:none' href="after_con_msg.html">金达菜小区金达菜小区金达菜小区</a>
			</div>
			<div style='width:50px;font-size:12px;line-height:24px'>待审</div>
			<span style='text-decoration:none;color:blue'>更改状态</span>
			<span class='jump_user' style='text-decoration:none;color:blue;margin-left:10px' >成员</span>
		</div>
		<div style='display:flex;text-align:center;margin:10px'>
			<div style='flex:1;text-align:left'>
				<a style='text-decoration:none' href="after_con_msg.html">金达菜小区金达菜小区金达菜小区</a>
			</div>
			<div style='width:50px;font-size:12px;line-height:24px'>待审</div>
			<span style='text-decoration:none;color:blue'>更改状态</span>
			<span class='jump_user' style='text-decoration:none;color:blue;margin-left:10px' >成员</span>
		</div>
		<div style='display:flex;text-align:center;margin:10px'>
			<div style='flex:1;text-align:left'>
				<a style='text-decoration:none' href="after_con_msg.html">金达菜小区金达菜小区金达菜小区</a>
			</div>
			<div style='width:50px;font-size:12px;line-height:24px'>待审</div>
			<span style='text-decoration:none;color:blue'>更改状态</span>
			<span class='jump_user' style='text-decoration:none;color:blue;margin-left:10px' >成员</span>
		</div>
		<div style='display:flex;text-align:center;margin:10px'>
			<div style='flex:1;text-align:left'>
				<a style='text-decoration:none' href="after_con_msg.html">金达菜小区金达菜小区金达菜小区</a>
			</div>
			<div style='width:50px;font-size:12px;line-height:24px'>待审</div>
			<span style='text-decoration:none;color:blue'>更改状态</span>
			<span class='jump_user' style='text-decoration:none;color:blue;margin-left:10px' >成员</span>
		</div>
		<div style='display:flex;text-align:center;margin:10px'>
			<div style='flex:1;text-align:left'>
				<a style='text-decoration:none' href="after_con_msg.html">金达菜小区金达菜小区金达菜小区</a>
			</div>
			<div style='width:50px;font-size:12px;line-height:24px'>待审</div>
			<span style='text-decoration:none;color:blue'>更改状态</span>
			<span class='jump_user' style='text-decoration:none;color:blue;margin-left:10px' >成员</span>
		</div>
		<div style='display:flex;text-align:center;margin:10px'>
			<div style='flex:1;text-align:left'>
				<a style='text-decoration:none' href="after_con_msg.html">金达菜小区金达菜小区金达菜小区</a>
			</div>
			<div style='width:50px;font-size:12px;line-height:24px'>待审</div>
			<span style='text-decoration:none;color:blue'>更改状态</span>
			<span class='jump_user' style='text-decoration:none;color:blue;margin-left:10px' >成员</span>
		</div>
		<div style='display:flex;text-align:center;margin:10px'>
			<div style='flex:1;text-align:left'>
				<a style='text-decoration:none' href="after_con_msg.html">金达菜小区金达菜小区金达菜小区</a>
			</div>
			<div style='width:50px;font-size:12px;line-height:24px'>待审</div>
			<span style='text-decoration:none;color:blue'>更改状态</span>
			<span class='jump_user' style='text-decoration:none;color:blue;margin-left:10px' >成员</span>
		</div>
		<div style='display:flex;text-align:center;margin:10px'>
			<div style='flex:1;text-align:left'>
				<a style='text-decoration:none' href="after_con_msg.html">金达菜小区金达菜小区金达菜小区</a>
			</div>
			<div style='width:50px;font-size:12px;line-height:24px'>待审</div>
			<span style='text-decoration:none;color:blue'>更改状态</span>
			<span class='jump_user' style='text-decoration:none;color:blue;margin-left:10px' >成员</span>
		</div>
		<div style='display:flex;text-align:center;margin:10px'>
			<div style='flex:1;text-align:left'>
				<a style='text-decoration:none' href="after_con_msg.html">金达菜小区金达菜小区金达菜小区</a>
			</div>
			<div style='width:50px;font-size:12px;line-height:24px'>待审</div>
			<span style='text-decoration:none;color:blue'>更改状态</span>
			<span class='jump_user' style='text-decoration:none;color:blue;margin-left:10px' >成员</span>
		</div>
		<div style='display:flex;text-align:center;margin:10px'>
			<div style='flex:1;text-align:left'>
				<a style='text-decoration:none' href="after_con_msg.html">金达菜小区金达菜小区金达菜小区</a>
			</div>
			<div style='width:50px;font-size:12px;line-height:24px'>待审</div>
			<span style='text-decoration:none;color:blue'>更改状态</span>
			<span class='jump_user' style='text-decoration:none;color:blue;margin-left:10px' >成员</span>
		</div>
		
	</div>


</div>


</body>
</html>
<script src='../public/jquery.js'></script>
<script src='../public/fun.js'></script>
<script>
$(function(){
	//底部导航与显示页面
	$.ajax({
		url:'after_template_bottom_nav.html',
		success(res){
			$('body').append(res);
		}
	});

	//跳转到成员管理页
	$('.jump_user').click(function(){
		location.href='after_con_user.html';
	});
});
</script>